<script lang="ts" setup>
import { ref } from 'vue';

import LayoutFold from '@/components/ReLayoutFold';
import DictAside from './components/dictAside/index.vue';
import DictMain from './components/dictMain/index.vue';
import { responsiveStorageNameSpace } from '@/config';
import Storage from 'responsive-storage';
defineOptions({
  name: 'SystemDict'
});

const dictCode = ref('');

// 获取全局配置信息
const nameSpace = responsiveStorageNameSpace();
const configStore = Storage.getData('configure', nameSpace);
console.log('configStore', configStore);
</script>
<template>
  <layout-fold width="300px" class="min-h-[calc(100vh-114px)]">
    <template v-slot:aside>
      <dict-aside @dict-click="code => (dictCode = String(code))" />
    </template>
    <dict-main :dict-code="dictCode" />
  </layout-fold>
</template>
